$color1:#003366;
$color2:#333333;
$color3:#000000;
$color4:#ffffff;
$color5:#f71010;
$color6:#ccc;

// @charset "UTF-8";
body,
div,
ul,
ol,
dt,
dd,
dl,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
textarea,
p,
img,
a,
span,
strong,
* {
    padding: 0;
    margin: 0;
    border: none;
}

body {
    font-size: 12px;
    font-family: "微软雅黑";
    color: $color3;
    background-color: $color4;
}

ul,
ol,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
}

img,
input,
select,
textarea {
    vertical-align: middle;
}

// img {
//   border: none;
//   width: 100%;
//   height: 100%;
// }

a {
    color: $color2;
    text-decoration: none;
}

.FL {
    float: left;
}

.FR {
    float: right;
}

a:hover {
    color: $color1;
}

@mixin bordered($color, $width) {
    border: $width solid $color;
}

.nav {
    display: inline-block;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 90px;


    .log1 {
        // width: 15%;
        height: 90px;
        margin-right: 14%;
        margin-right: 3%;

        img {
            width: 60px !important;
            margin-top: 10px !important;
        }

    }

    .right {
        // width: 15%;
        height: 90px;
        margin-left: 5%;
        font-size: 16px !important;
        line-height: 90px;
    }

    .right:hover {
        color: $color5;
    }

    .list1 {
        //    width: 45%;
        margin-right: 14%;

        ul {
            display: inline-block;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            // width: 100%;
            height: 90px;

            li {
                //    width: 13%;
                height: 90px;
                text-align: center;
                font-size: 16px !important;
                margin: 0px 15px 0px;
                line-height: 90px;
            }
            li:hover{
                color: $color5;
                border-bottom: 2px solid $color5;
                
            }
            // .bo2:hover{
            //     color: $color5;
            //     border-bottom: 2px solid $color5;
                
            // }
        }
    }
}
body{
    background-color: $color6;
}
.boc1,.boc2{
    top: 8.4%;
    left: 52.5%;
    width: 90px;
    background-color: $color4;
    display: none;
    z-index: 12;
    li{
        line-height: 30px;
        font-size: 14px !important;
        font-weight: 800;
        text-align: center;
    }
}
.boc2{
    left: 24.5% !important;
}
.swiper-wrapper{
    width: 100%;
  
    img{
      width: 100%;
      margin-top: 30px;
    
    }
}